H T M L   -   Hyper Text Markup Language

3.  abschnitte

3.6  logischer abschnitt

Mit HTML5 wurden einige tags eingeführt, mit denen abschnitte deklariert werden können, durch die eine seite deutlicher struktutiert wird. In diesen abschnitten werden elemente zusammen-gefaßt, die logisch zusammen gehören, deshalb werden diese abschnitte hier als logische abschnitte bezeichnet. Bei der anzeige einer seite sind logische abschnitte zunächst nicht erkennbar, aber man kann mit CSS für diese abschnitte vereinbarungen treffen über schriftart, schriftfarbe, breite usw. und damit das aussehen des abschnitts bei der anzeige der seite einheitlich und von anderen abschnitten unterscheidbar gestalten.

header-tag - kopfbereich
Damit wird ein abschnitt als erster abschnitt der seite deklariert; man sollte ihn dann auch an den anfang stellen und auch nur einen abschnitt als kopfbereich deklarieren.

Man darf den kopfabschnitt nicht mit dem header der seite verwechseln, der mit dem head-tag deklariert wird.

footer-tag - fußbereich
Damit wird ein abschnitt als letzter abschnitt der seite deklariert und sollte daher am ende der seite stehen und nur einmal vorkommen.

section-tag - bereich
Damit deklariert man einen beliebigen teil der seite als eine logische einheit. Eine seite kann beliebig viele dieser bereiche enthalten.

beispiel
Das beispiel zeigt eine durch logische abschnitte gegliederte seite. Um diese gliederung sichtbar zu machen wurden die CSS-klassen std (schriftart Arial, 10 punkt) und blaufett (schriftart Arial 12 punkt, blau, fett) definiert. Der kopf- und der fuß-bereich werden mit der klasse blaufett und der zweite bereich mit der klasse std formatiert. Im fußbereich wird gezeigt, dass man bei der formatierung von elementen auch von der formatierung des abschnitts abweichen kann.

kopfbereich

das steht im kopfbereich

abschnitt 1

das steht im ersten abschnitt

abschnitt 2

das steht im zweiten abschnitt

fußbereich

das steht im fussbereich

andere formatierung


zum untermenü


    IMPRESSUM  

    KONTAKT  

    PRIVAT  

    D O K U  


  h t m l
  C S S  
  P H P  
  My S Q L  
  JAVASCRIPT